<%@ page import="com.hall.utils.UserSession" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://www.codecoord.com" %>
<%@ taglib prefix="fmt" uri="http://www.codecoord.com/fmt" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>会诊直播动态</title>
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/css/live_meeting.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/jquery/jquerymin.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/js/tab.js"></script>
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css"><%--暂时先通过外部引入,导入本地有问题--%>
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    <link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/css/bootstrap.css">
</head>
<style>
    .aui-footer-fixed{
        display: none;
    }
</style>
<body>
<div id="header" style="height: 50px">
    <nav id="navbar-default" class="navbar navbar-default top-nabar" role="navigation"
         style="overflow:hidden;position:fixed;top:0;width:100%;z-index:2000;margin-bottom: 10px;height: 50px;border: 0">
        <div class="row" style="background-color: #71BD71;">
            <div class="container-fluid" id="fluid">
                <div class="col-lg-1 col-md-1 col-xs-1 col-sm-1" style=";padding-left: 6px;">
                    <a class="navbar-brand" href="javascript:history.back(-1)"
                       style="padding-left: 3px;">
                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    </a>
                </div>
                <%--<button type="button" class="layui-btn layui-btn-primary layui-btn-radius" onclick="share()" style="background-color: white;position: absolute;right: 1%;top: 5px;width: 80px;height: 38px;padding: 0">分享直播</button>--%>
            </div>
        </div>
    </nav>
    <br><br>
</div>
<%--显示二维码--%>
<div class="social-share1" style="text-align:center; display:none;" id="shareDiv">
    <p style="margin-top: 20px">使用二维码或点击复制链接分享哦</p>
    <img id="testimg" style="float:right;cursor:pointer" alt="" width="200" height="200"/>
    <input id="qc_input" type="text" readonly="readonly">
    <div class="alert alert-success" role="alert"
         style="width: 100px;position: absolute;top: 90px;left: 85px;display: none">复制成功
    </div>
    <div class="layui-btn-container">
        <button type="button" id="copy_button" class="layui-btn layui-btn-warm layui-btn-radius"
                style="margin-right: 0" onclick="copyy()">复制链接
        </button>
    </div>
</div>
<div style="overflow: auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;">
    <iframe id="iframe" src="${liveId}" width="100%" height="100%" scrolling="no" border=”0″ noresize="noresize"
            frameborder="0" allowfullscreen="true" onLoad="iFrameHeight()">
    </iframe>
</div>
<footer class="aui-footer aui-footer-fixed">
    <a href="/boke/index.jsp" class="aui-tabBar-item " style="text-decoration:none;">
        <span class="aui-tabBar-item-icon"><i class="icon icon-loan"></i></span>
        <span class="aui-tabBar-item-text">首页</span></a>

    <a href="/bokehall/hall/allHall" class="aui-tabBar-item aui-tabBar-item-active">
        <span class="aui-tabBar-item-icon"><i class="icon icon-credit"></i></span>
        <span class="aui-tabBar-item-text">会诊</span></a>

    <a href="/boke/msg/chatfriend.jsp" class="aui-tabBar-item ">
        <span class="aui-tabBar-item-icon"><i class="icon icon-ions"></i></span>
        <span class="aui-tabBar-item-text">消息</span></a>

    <a href="/boke/me.jsp" class="aui-tabBar-item "><span
            class="aui-tabBar-item-icon"><i class="icon icon-mine"></i></span>
        <span
                class="aui-tabBar-item-text">我的
        </span></a>
</footer>
<script>
    $(function () {
        var h = $(window).height();
        $('body').height(h);
        $(window).resize(function () {
            var h = $(window).height();
            $('body').height(h);
        })
    });
    window.onload = function () {
        //浏览器窗口缩放时，自动缩放iframe
        $(window).resize(function () {
            var ifm = document.getElementById("iframe");
            var subWeb = document.frames ? document.frames["iframe"].document : ifm.contentDocument;
            if (ifm != null && subWeb != null) {
                ifm.width = "100%";
            }
        });
    }

    function iFrameHeight() {                             //iframe窗口大小根据内容确定
        var ifm = document.getElementById("iframe");
        var subWeb = document.frames ? document.frames["iframe"].document : ifm.contentDocument;
        if (ifm != null && subWeb != null) {
            ifm.height = subWeb.body.scrollHeight;
            ifm.width = subWeb.body.scrollWidth;
        }
    }
    //获取地址栏
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
</script>
</body>
</html>
